<div class="mycf">
    <header class="mycf-header" >
        <i nz-icon nzType="left" nzTheme="outline" routerLink="/pages/mycf"></i>
        <h2>订单详情</h2>
        <p style="float: right">提交</p>
    </header>

    <div class="mycf-body">
        
        
        
        <nz-card  >
            <div>
               <div> 取药地址：滨江路1288号（绿苑大药房）</div>
               <div>订单号：201988198822</div> 
                
            </div>
            <nz-divider></nz-divider>
            <div class='yaopin-c'>
                
                <div class="yaopin-card" nz-row  *ngFor="let item of _yaopinList" >
                    <div nz-col [nzSpan]="7" style="height:9rem;" (click)='ontegimg(item)'>
                        <img style="width: 7rem;" src="{{item.img}}" alt="">
                    </div>
                    <div nz-col [nzSpan]="">
                        <h3>{{item.name}}</h3>
                        <p>{{item.guige}}</p>
                        <p>{{item.changshang}}</p>
                    </div>
                </div>
                
                <div style="text-align: center; padding-top: 1rem">
                    <p *ngIf='_yaopinList.length < 3'  (click)="isShow(true)">点击展示更多</p>
                    <p *ngIf='_yaopinList.length > 3' (click)="isShow(false)">收起展示</p>
                </div>
            </div>
            <nz-divider></nz-divider>
            <p style="float: right;" *ngIf='isShowXd'>共计：182.00 / 元</p>
            <!-- <nz-alert nzType="warning" nzMessage="友情提示：下单成功后请出示取药码。"></nz-alert> -->
            <div style="margin-top: 10rem">
                <p style="color: chocolate;">友情提示：下单成功后请出示取药码。</p>
                <button *ngIf='isShowXd' nz-button nzType="primary" (click)='onXd()' nzBlock>下单</button>
                <button style="background: yellowgreen;
                height: 5rem;
            " *ngIf='!isShowXd' nz-button nzType="primary" (click)='onqy()' nzBlock>我要取药</button>
            </div>
        </nz-card>
    </div>
    
</div>

<nz-modal [nzOkText]=null [(nzVisible)]="isVisible" nzTitle="取药码" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
        <div style="text-align: center">

            <img style="width: 15rem" src="../../../../../assets/img/2wm.png" alt="">
            <p>请出示给药店用于取药确认</p>
        </div>
      </nz-modal>

<nz-modal [nzOkText]=null [(nzVisible)]="issm" nzTitle="说明书" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
        <div class="selfScale">

            <img style="width: 30rem" src="{{teg}}" alt="">
            
        </div>
      </nz-modal>